import {View} from "@tarojs/components";
import Taro from "@tarojs/taro";
import './index.scss'

function Index() {
  //
  const router = ()=>{
    Taro.navigateTo({url:'/pages/orderDetails/index'})
  }

  return (
    <View className='box'>
      <View style={{backgroundColor:'#fff',height:'80px',lineHeight:'80px'}}>
        <View className='iconfont icon-xiangzuo' style={{position:'absolute',top:'0',left:'0',fontSize:'22px',paddingTop:'6px',display:'flex'}}
              onClick={()=>Taro.navigateBack()}>
          <View style={{fontSize:'14px',paddingLeft:'4px'}}>我的订单</View>
        </View>
        <View style={{textAlign:'center',width:'100%'}}></View>
      </View>

      <View className='list'>
        <View className='item'>
          <View className='list_item' onClick={router}>
            <View className='inle'>
              <View className='title'>订单编号：</View>
              <View>88888888</View>
            </View>
            <View className='inle'>
              <View className='title'>服务项目：</View>
              <View>项目名称</View>
            </View>
            <View className='inle'>
              <View className='title'>服务时间：</View>
              <View>2020.06.18  08:00</View>
            </View>
            <View className='inle'>
              <View className='title'>服务地点：</View>
              <View>广州市白云区汇侨路10号212A</View>
            </View>
          </View>
          <View className='btn_box'>
            <View className='state'>待确认</View>
            <View>拒单</View>
            <View>接单</View>
          </View>
        </View>
        <View className='item'>
          <View className='list_item'>
            <View className='inle'>
              <View className='title'>订单编号：</View>
              <View>88888888</View>
            </View>
            <View className='inle'>
              <View className='title'>服务项目：</View>
              <View>项目名称</View>
            </View>
            <View className='inle'>
              <View className='title'>服务时间：</View>
              <View>2020.06.18  08:00</View>
            </View>
            <View className='inle'>
              <View className='title'>服务地点：</View>
              <View>广州市白云区汇侨路10号212A</View>
            </View>
          </View>
          <View className='btn_box'>
            <View className='state'>待确认</View>
            <View>拒单</View>
            <View>接单</View>
          </View>
        </View>
        <View className='item'>
          <View className='list_item'>
            <View className='inle'>
              <View className='title'>订单编号：</View>
              <View>88888888</View>
            </View>
            <View className='inle'>
              <View className='title'>服务项目：</View>
              <View>项目名称</View>
            </View>
            <View className='inle'>
              <View className='title'>服务时间：</View>
              <View>2020.06.18  08:00</View>
            </View>
            <View className='inle'>
              <View className='title'>服务地点：</View>
              <View>广州市白云区汇侨路10号212A</View>
            </View>
          </View>
          <View className='btn_box'>
            <View className='state'>待确认</View>
            <View>拒单</View>
            <View>接单</View>
            <View>退款详情</View>
          </View>
        </View>
      </View>
      <View className='bottom'>到底了</View>
    </View>
  );
}

export default Index;
